﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!-- banner -->
<div id="banner">
    <div class="contact-banner">
        <img alt="" src="@Url.Content("~/Content/images/blog-banner.jpg")">
    </div>
    <div class="container">
        <h1>
            Blog.</h1>
    </div>
</div>
<!-- End banner -->
<!-- Content -->
<div id="content" class="container">
    <section class="blog">
        <div class="row-fluid">
            <div class="span8 blog-posts">
                <!-- image post -->
                <article class="blog-post image-post">
                    <div class="gal-content">
                        <img alt="" src="@Url.Content("~/Content/images/blog-image1.jpg")">
                        <a class="zoom-image" href="@Url.Content("~/Content/images/blog-image1.jpg")" rel="gallery"></a>
                    </div>
                    <div class="blog-content">
                        <div class="title">
                            <span>29 apr</span>
                            <h2>
                                <a href="single-post.html">Etiam accumsan odio et magnis dis parturient</a></h2>
                        </div>
                        <p>
                            Lorem ipsum dolor sit amet, lavabat quo est cum aliquip ipsa mihi servitute coniunx.
                            Meam ad caelo in lucem exitum vivit in modo cavendum es. Tunc lacrimas illa benignissime
                            vi aureo in lucem exempli paupers coniunx efficerer nuptiarum civibus. Gaudeo in
                            rei ..</p>
                    </div>
                    <ul class="tag-list">
                        <li class="autor">posted by <a href="#">Dalilu</a></li>
                        <li class="tags"><a href="#">in photoshop, </a><a href="#">in design</a></li>
                        <li class="comments">3 <a href="#">Comments</a></li>
                    </ul>
                    <a class="read-more" href="single-post.html">Read more...</a>
                </article>
                <!-- audio post -->
                <article class="blog-post audio-post">
                    <div class="gal-content">
                        <audio controls>
									<source src="http://www.animal-sounds.org/farm/Horse,%20walking%20by%20animals005.wav"
                                        type="audio/wav">
									<source src="images/audio/horse.mp3" type="audio/mpeg">
									Your browser does not support the audio element.
								</audio>
                    </div>
                    <div class="blog-content">
                        <div class="title">
                            <span>13 apr</span>
                            <h2>
                                <a href="single-post.html">Curabitur condimentum justo sed urna porttitor aliquam.</a></h2>
                        </div>
                        <p>
                            Lorem ipsum dolor sit amet, lavabat quo est cum aliquip ipsa mihi servitute coniunx.
                            Meam ad caelo in lucem exitum vivit in modo cavendum es. Tunc lacrimas illa benignissime
                            vi aureo in lucem exempli paupers coniunx efficerer nuptiarum civibus. Gaudeo in
                            rei ..</p>
                    </div>
                    <ul class="tag-list">
                        <li class="autor">posted by <a href="#">Dalilu</a></li>
                        <li class="tags"><a href="#">in photoshop, </a><a href="#">in design</a></li>
                        <li class="comments">3 <a href="#">Comments</a></li>
                    </ul>
                    <a class="read-more" href="single-post.html">Read more...</a>
                </article>
                <!-- slider post -->
                <article class="blog-post slider-post">
                    <div class="gal-content">
                        <div class="blog-slider">
                            <div class="flexslider">
                                <ul class="slides">
                                    <li>
                                        <img alt="" src="@Url.Content("~/Content/images/blog-image2.jpg")" />
                                    </li>
                                    <li>
                                        <img alt="" src="@Url.Content("~/Content/images/blog-image3.jpg")" />
                                    </li>
                                    <li>
                                        <img alt="" src="@Url.Content("~/Content/images/blog-image1.jpg")" />
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="blog-content">
                        <div class="title">
                            <span>06 apr</span>
                            <h2>
                                <a href="single-post.html">Nullam at lectus augue.</a></h2>
                        </div>
                        <p>
                            Tunc lacrimas illa benignissime vi aureo in lucem exempli paupers coniunx efficerer
                            nuptiarum civibus. Gaudeo in rei . Praesent mattis imperdiet urna, et dignissim
                            lacus luctus.</p>
                    </div>
                    <ul class="tag-list">
                        <li class="autor">posted by <a href="#">Dalilu</a></li>
                        <li class="tags"><a href="#">in photoshop, </a><a href="#">in design</a></li>
                        <li class="comments">3 <a href="#">Comments</a></li>
                    </ul>
                    <a class="read-more" href="single-post.html">Read more...</a>
                </article>
                <!-- Text post -->
                <article class="blog-post text-post">
                    <div class="blog-content">
                        <div class="title">
                            <span>05 apr</span>
                            <h2>
                                <a href="single-post.html">Posuere metus ut sem pellentesque nec ullamcorper leo</a></h2>
                        </div>
                        <p>
                            Lorem ipsum dolor sit amet, lavabat quo est cum aliquip ipsa mihi servitute coniunx.
                            Meam ad caelo in lucem exitum vivit in modo cavendum es. Tunc lacrimas illa benignissime
                            vi aureo in lucem exempli paupers coniunx efficerer nuptiarum civibus. Gaudeo in
                            rei ..</p>
                    </div>
                    <ul class="tag-list">
                        <li class="autor">posted by <a href="#">Dalilu</a></li>
                        <li class="tags"><a href="#">in photoshop, </a><a href="#">in design</a></li>
                        <li class="comments">3 <a href="#">Comments</a></li>
                    </ul>
                    <a class="read-more" href="single-post.html">Read more...</a>
                </article>
                <!-- Video post -->
                <article class="blog-post video-post">
                    <div class="gal-content">
                        <!-- Vimeo -->
                        <iframe class="videoembed" src="http://player.vimeo.com/video/1084537?title=0&amp;byline=0&amp;portrait=0"
                            frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="">
                        </iframe>
                        <!-- End Vimeo -->
                    </div>
                    <div class="blog-content">
                        <div class="title">
                            <span>04 apr</span>
                            <h2>
                                <a href="single-post.html">Proin eu neque augue, eget commodo turpis.</a></h2>
                        </div>
                        <p>
                            Lorem ipsum dolor sit amet, lavabat quo est cum aliquip ipsa mihi servitute coniunx.
                            Meam ad caelo in lucem exitum vivit in modo cavendum es. Tunc lacrimas illa benignissime
                            vi aureo in lucem exempli paupers coniunx efficerer nuptiarum civibus. Gaudeo in
                            rei ..</p>
                    </div>
                    <ul class="tag-list">
                        <li class="autor">posted by <a href="#">Dalilu</a></li>
                        <li class="tags"><a href="#">in photoshop, </a><a href="#">in design</a></li>
                        <li class="comments">3 <a href="#">Comments</a></li>
                    </ul>
                    <a class="read-more" href="single-post.html">Read more...</a>
                </article>
                <div class="pagination-list">
                    <ul class="pagniation-number">
                        <li>Pages: </li>
                        <li><a class="active" href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                    </ul>
                    <ul class="pagination-arrow">
                        <li><a href="#" class="prev-pag">Previous</a></li>
                        <li><a href="#" class="next-pag">Next</a></li>
                    </ul>
                </div>
            </div>
            <div id="sidebar" class="span4">
                <ul class="widgets">
                    <li class="categories widget">
                        <h2>
                            Categories</h2>
                        <ul class="links-list">
                            <li><a href="#">Web Design</a></li>
                            <li><a href="#">Web Development</a></li>
                            <li><a href="#">Search Engine Optimization</a></li>
                            <li><a href="#">Typography</a></li>
                            <li><a href="#">WordPress</a></li>
                            <li><a href="#">Web Standards</a></li>
                        </ul>
                    </li>
                    <li id="tabs" class="tabs-widget widget">
                        <ul class="tab-links">
                            <li><a href="#tabs-1">Recent</a></li>
                            <li><a href="#tabs-2">Popular</a></li>
                            <li><a href="#tabs-3">Comments</a></li>
                        </ul>
                        <div id="tabs-1" class="tab-content">
                            <ul>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Lorem ipsum dolor sit amet, consectetur</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post1.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Lorem ipsum dolor sit amet, consectetur</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post2.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Lorem ipsum dolor sit amet, consectetur</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div id="tabs-2" class="tab-content">
                            <ul>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post2.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Morbi posuere metus ut sem pellentesque nec</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post3.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Morbi posuere metus ut sem pellentesque nec</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Lorem ipsum dolor sit amet, consectetur</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div id="tabs-3" class="tab-content">
                            <ul>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post1.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Sed adipiscing placerat eros id tincidunt. </a>
                                        </p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post2.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Lorem ipsum dolor sit amet, consectetur</a></p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                                <li>
                                    <img alt="" src="@Url.Content("~/Content/images/recent-post3.jpg")">
                                    <div>
                                        <p>
                                            <a href="#">Sed adipiscing placerat eros id tincidunt. </a>
                                        </p>
                                        <a class="comments" href="#">3 comments</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="text-widget widget">
                        <h2>
                            Text Widget</h2>
                        <p>
                            Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor
                            eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula.
                        </p>
                        <p>
                            Morbi a sem eros, at varius neque. Curabitur fermentum, velit laoreet feugiat</p>
                    </li>
                    <li class="latest-project widget">
                        <h2>
                            Latest project</h2>
                        <a id="next-blog" href="#"></a><a id="prev-blog" href="#"></a>
                        <div id="carousell">
                            <div class="carousell-item active">
                                <img alt="" src="@Url.Content("~/Content/images/photo5.jpg")">
                                <h3>
                                    <a href="#">Maecenas hendrerit, lorem. </a>
                                </h3>
                            </div>
                            <div class="carousell-item">
                                <img alt="" src="@Url.Content("~/Content/images/photo6.jpg")">
                                <h3>
                                    <a href="#">Nullam vulputate euismod urna non </a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li class="archives widget">
                        <h2>
                            Archives</h2>
                        <ul class="links-list">
                            <li><a href="#">November 2012</a></li>
                            <li><a href="#">October 2012</a></li>
                            <li><a href="#">July 2012</a></li>
                            <li><a href="#">June 2012</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </section>
</div>
<!-- End content -->
